{"ast":null,"code":"var _jsxFileName = \"/data/messenger.client/src/pages/Home/Profile/index.tsx\",\n  _s = $RefreshSig$();\nimport React from 'react';\nimport { Home } from \"../../\";\nimport { Circle } from 'rc-progress';\nimport { observer } from \"mobx-react-lite\";\nimport { Context } from \"../../../index\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Profile = () => {\n  _s();\n  const {\n    store\n  } = React.useContext(Context);\n  const [profileChild, setProfileChild] = React.useState();\n  const [profilePercent, setProfilePercent] = React.useState(16.6666666667);\n  React.useEffect(() => {\n    setProfileChild( /*#__PURE__*/_jsxDEV(_Fragment, {\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"messenger__sidebar-item\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"messenger__sidebar-item-header\",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"messenger__sidebar-item-header-top\",\n            children: /*#__PURE__*/_jsxDEV(\"span\", {\n              children: \"\\u041D\\u0430\\u0441\\u0442\\u0440\\u043E\\u0439\\u043A\\u0438 \\u043F\\u0440\\u043E\\u0444\\u0438\\u043B\\u044F\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 18,\n              columnNumber: 29\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 17,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 16,\n          columnNumber: 21\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"messenger__sidebar-profile\",\n          children: [/*#__PURE__*/_jsxDEV(Circle, {\n            percent: profilePercent,\n            strokeWidth: 3,\n            className: \"messenger__sidebar-profile-progress\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 22,\n            columnNumber: 25\n          }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n            className: \"messenger__sidebar-profile-progressInfo\",\n            children: [\"\\u041F\\u0440\\u043E\\u0444\\u0438\\u043B\\u044C \\u0437\\u0430\\u043F\\u043E\\u043B\\u043D\\u0435\\u043D \\u043D\\u0430: `$\", profilePercent, \"`%\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 27,\n            columnNumber: 25\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 21,\n          columnNumber: 21\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 17\n      }, this)\n    }, void 0, false));\n  }, []);\n  return /*#__PURE__*/_jsxDEV(Home, {\n    childrenFirst: profileChild\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 37,\n    columnNumber: 9\n  }, this);\n};\n_s(Profile, \"bAUE+75vKjoZrEW7KVcFu98BDtA=\");\n_c = Profile;\nexport default _c2 = observer(Profile);\nvar _c, _c2;\n$RefreshReg$(_c, \"Profile\");\n$RefreshReg$(_c2, \"%default%\");","map":{"version":3,"names":["React","Home","Circle","observer","Context","Profile","store","useContext","profileChild","setProfileChild","useState","profilePercent","setProfilePercent","useEffect"],"sources":["/data/messenger.client/src/pages/Home/Profile/index.tsx"],"sourcesContent":["import React from 'react';\nimport {Home} from \"../../\";\nimport  { Circle } from 'rc-progress';\nimport {observer} from \"mobx-react-lite\";\nimport {Context} from \"../../../index\";\n\nconst Profile = () => {\n    const {store} = React.useContext(Context);\n    const [profileChild, setProfileChild] = React.useState<React.ReactNode>();\n    const [profilePercent, setProfilePercent] = React.useState<number>(16.6666666667);\n\n    React.useEffect(() => {\n        setProfileChild(\n            <>\n                <div className=\"messenger__sidebar-item\">\n                    <div className=\"messenger__sidebar-item-header\">\n                        <div className=\"messenger__sidebar-item-header-top\">\n                            <span>Настройки профиля</span>\n                        </div>\n                    </div>\n                    <div className=\"messenger__sidebar-profile\">\n                        <Circle\n                            percent={profilePercent}\n                            strokeWidth={3}\n                            className=\"messenger__sidebar-profile-progress\"\n                        />\n                        <p className=\"messenger__sidebar-profile-progressInfo\">\n                            Профиль заполнен на: `${profilePercent}`%\n                        </p>\n                    </div>\n                </div>\n            </>\n        );\n    },[]);\n\n    return (\n        <Home\n            childrenFirst={profileChild}\n        />\n    );\n}\n\nexport default observer(Profile);"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,QAAQ;AAC3B,SAAUC,MAAM,QAAQ,aAAa;AACrC,SAAQC,QAAQ,QAAO,iBAAiB;AACxC,SAAQC,OAAO,QAAO,gBAAgB;AAAC;AAAA;AAEvC,MAAMC,OAAO,GAAG,MAAM;EAAA;EAClB,MAAM;IAACC;EAAK,CAAC,GAAGN,KAAK,CAACO,UAAU,CAACH,OAAO,CAAC;EACzC,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGT,KAAK,CAACU,QAAQ,EAAmB;EACzE,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGZ,KAAK,CAACU,QAAQ,CAAS,aAAa,CAAC;EAEjFV,KAAK,CAACa,SAAS,CAAC,MAAM;IAClBJ,eAAe,eACX;MAAA,uBACI;QAAK,SAAS,EAAC,yBAAyB;QAAA,wBACpC;UAAK,SAAS,EAAC,gCAAgC;UAAA,uBAC3C;YAAK,SAAS,EAAC,oCAAoC;YAAA,uBAC/C;cAAA;YAAA;cAAA;cAAA;cAAA;YAAA;UAA8B;YAAA;YAAA;YAAA;UAAA;QAC5B;UAAA;UAAA;UAAA;QAAA,QACJ,eACN;UAAK,SAAS,EAAC,4BAA4B;UAAA,wBACvC,QAAC,MAAM;YACH,OAAO,EAAEE,cAAe;YACxB,WAAW,EAAE,CAAE;YACf,SAAS,EAAC;UAAqC;YAAA;YAAA;YAAA;UAAA,QACjD,eACF;YAAG,SAAS,EAAC,yCAAyC;YAAA,2HAC1BA,cAAc;UAAA;YAAA;YAAA;YAAA;UAAA,QACtC;QAAA;UAAA;UAAA;UAAA;QAAA,QACF;MAAA;QAAA;QAAA;QAAA;MAAA;IACJ,iBACP,CACN;EACL,CAAC,EAAC,EAAE,CAAC;EAEL,oBACI,QAAC,IAAI;IACD,aAAa,EAAEH;EAAa;IAAA;IAAA;IAAA;EAAA,QAC9B;AAEV,CAAC;AAAA,GAlCKH,OAAO;AAAA,KAAPA,OAAO;AAoCb,qBAAeF,QAAQ,CAACE,OAAO,CAAC;AAAC;AAAA;AAAA"},"metadata":{},"sourceType":"module"}